<!DOCTYPE HTML>
<html>
    <head>
        <title>DETALLE MEDICAMENTO</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width,initial-scale=1"/>
        <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.2.0.min.css" />
		<link rel="stylesheet" href="css/detalleMedic.css" />
	    <script src="jquery.mobile/jquery-1.7.2.min"></script>
		<script src="jquery.mobile/jquery.mobile-1.2.0.min.js"></script>
		<script src="js/detalleMedic.js"></script>
		<script src="jsLogica/bio2.js"></script>
    </head>

    <body >
		<!-- Home -->
        <div data-role="page" id="page1">
            <div data-theme="b" data-role="header" data-position="fixed">
                <a data-role="button" data-iconpos="notext" data-inline="true" data-direction="reverse" data-transition="turn" data-theme="c" href="#page1" data-icon="arrow-l" data-iconpos="left" class="ui-btn-left" onclick="home()">
                    volver
                </a>
                <h3>
                    DETALLE MEDICAMENTO
                </h3>
            </div>
            <div id="content">
			  	<div>
			  		<div id="medicamentoDetalle">
		 		  		<img id="img"/>
			       		<h3 id="nombre" ></h3>
			       		<div id="principio"></div>
			       		<div ><span>Precio Ref.</span></div>
			       		<div class="max"><div style="margin: 0px;">Max:</div> <div id="maxPrecio" ></div> </div>
			       		<div class="min"><div>Min:</div> <div id="minPrecio" ></div></div>
			       		<div style="clear:both;"></div>
			  		</div> 
			  		
			    	
			    	
			    	
			    	
			    	<a id="listaPrecio">Lista Precio</a>
			    	<div id="com"  style=" margin-top: 50px;" 	> 
			    		<div  >Comentarios: </div>
			    		<a id="guardar" > <span> Guardar </span></a>
			    		<a id="listaComentario"><span style="margin-left: 10px"> Mostrar<span> </a>
			    		<div style="="clear:both;""> </div>
			    	
			    	</div>
			    	
			    	<div data-role="fieldcontain" class="ui-field-contain ui-body ui-br"><fieldset data-role="controlgroup" class="ui-corner-all ui-controlgroup ui-controlgroup-vertical"><div class="ui-controlgroup-controls">
                        <label for=""> Nombre
                        </label>
                        <input name=""  id="nombre"  placeholder="" value="" type="text" class="ui-input-text ui-body-b ui-corner-all ui-shadow-inset ui-focus">
	                    
                    </div></fieldset></div>
                    
                    
                    <div data-role="fieldcontain" class="ui-field-contain ui-body ui-br"><fieldset data-role="controlgroup" class="ui-corner-all ui-controlgroup ui-controlgroup-vertical"><div class="ui-controlgroup-controls">
                        <label for="textinput1"> Precio
                        </label>
                        <input name=""  id="precio" placeholder="" value="" type="text" class="ui-input-text ui-body-b ui-corner-all ui-shadow-inset ui-focus">
	                    
                    </div></fieldset></div>
			    	
			    	<div data-role="fieldcontain" class="ui-field-contain ui-body ui-br"><fieldset data-role="controlgroup" class="ui-corner-all ui-controlgroup ui-controlgroup-vertical"><div class="ui-controlgroup-controls">
                        <label for="textinput1"> Descripcci&oacute;n
                        </label>
                        <textarea style="height:200px;" name=""  id="descripcion" placeholder="" value="" type="text" class="ui-input-text ui-body-b ui-corner-all ui-shadow-inset ui-focus"></textarea>
	                    
                    </div></fieldset>
                    
                    
                    
                    </div>
			    	
			    	
			
			    	
			    	
			  	</div>
	</div>
        </div>
        <script>
            //App custom javascript
        </script>
    </body>
</html>